<%-- 
    Document   : browseExpressions
    Created on : 2008-7-12, 18:56:28
    Author     : 
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ page import="com.aol.pubt.dynapubcms.CMSClient" %>
        <%@ taglib  uri="http://java.sun.com/jstl/core" prefix="c" %>
        <%@ taglib uri="http://java.sun.com/jstl/fmt" prefix="fmt" %>
        
        <fmt:setBundle basename="ExpressionsMessageResources"/>
        <jsp:useBean id="cms" class="com.aol.pubt.dynapubcms.CMSClient" scope="page">
            <jsp:setProperty name="cms" property="templateName" value="expressions"/>
        </jsp:useBean>
        <% cms.overlay("aol", "expressions");   %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>AIM Expression</title>
<link href="../css/expressions.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon" />
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/expressions.js"></script>
<script type="text/javascript" src="../js/thickbox.js"></script>
<script type="text/javascript" src="../js/showhide.js"></script>
<script type="text/javascript" src="../js/var_base.js"></script>
<script type="text/javascript" src="../js/var_expr.js"></script>
<script type="text/javascript" src="../js/expr.js"></script>
</head>
<body id="xpress">
<input type="submit" onclick="testFunction()">
<!-- USABILITY HELPER -->
	<div id="xpress_accessibility">
		<a href="#xpress_searchnav">Jump to Search</a>
		<a href="#xpress_nav">Jump to Navigation</a>
		<a href="#xpress_searchnav">Jump to Content</a>
	</div>
	
	<div id="xpress_header">
		<div class="xpress_wrapper">
<!-- HEADER -->
			<h1><a href="../index.html" title="AIM Expressions">AIM Expressions</a></h1>
<!-- ACCOUNT INFORMATION -->
			<div id="xpress_account">
				<h3>Hello <a href="#" onClick="return false;">User</a>!</h3>
				<p id="xpress_account_pic">
				<img src="../images/media/user_nopicture.png" width="42" height="42" alt="User Picture" /></p>
				<p id="xpress_account_nav"><a href="../dashboard.html">Dashboard</a> . <a href="../my_account.html">My Account</a> . <a href="../logout.html">Sign Out</a></p>
			</div><!-- #xpress_account -->
<!-- SEARCH -->
			<div id="xpress_searchnav">
				<h3 class="hide">Search</h3>
				<ul>
					<li class="active"><a href="#" onClick="return false;">Expressions</a></li>
					<li><a href="#" onClick="return false;">Web</a></li>
					<li><a href="#" onClick="return false;">Images</a></li>
					<li><a href="#" onClick="return false;">Videos</a></li>
					<li><a href="#" onClick="return false;">News</a></li>
					<li><a href="#" onClick="return false;">Local</a></li>
					<li class="last"><a href="#" onClick="return false;">More...</a></li>
				</ul>
			</div><!-- xpress_searchnav -->
				
			<div id="xpress_search">
				<input type="text" size="40" name="query" id="xpress_query" />
				<a href="search_summary.html"><input type="button" value="Search" id="xpress_query_button" /></a>
			</div><!-- #xpress_search -->
			
			<div id="xpress_feedback_btn"><a href="#" onClick="return false;"><span id="xpress_feedback_anim">[-]</span> Feedback</a></div>
		</div>
		<!-- .xpress_wrapper -->
		
	</div><!-- #xpress_header -->
	
	<div id="xpress_nav">
		<div class="xpress_wrapper">
<!-- NAVIGATION -->		
			<h3 class="hide">Navigation</h3>
			<ul>
				<li class="first"><a href="#" onClick="return false;">AIM.com</a></li>
				<li><a href="#" onClick="return false;">Downloads</a></li>
				<li><a href="#" onClick="return false;">AIM Profiles</a></li>
				<li><a href="#" onClick="return false;">Greetings</a></li>
				<li><a href="#" onClick="return false;">Community</a></li>
				<li><a href="#" onClick="return false;">Developers</a></li>
				<li><a href="#" onClick="return false;">Chat</a></li>
				<li><a href="#" onClick="return false;">Expressions</a></li>
				<li><a href="#" onClick="return false;">Mail</a></li>
				<li><a href="#" onClick="return false;">Beta</a></li>
				<li><a href="#" onClick="return false;">Support</a></li>
			</ul>
			
		</div><!-- .xpress_wrapper -->
	</div><!-- #xpress_nav -->
	
<!-- CONTENT -->
	<div id="xpress_content">
		<div class="xpress_wrapper">
			
			<div id="xpress_content_wrapper">
<!-- MAIN CONTENT -->
				<div id="xpress_main">
					
					<div id="xpress_expressions_tabs">
						<ul>
							<li id="tabs_browse" class="active"><a href="#" onclick="requestBrowseTabClicked()">Browse</a></li>
							<li id="tabs_mycal"><a href="cal_view_summary.html">My Calendar</a></li>
							<li id="tabs_mypersonality"><a href="ps_view_summary.html">My Themes</a></li>
							<li id="tabs_create"><a href="3rd_view_landing.html" >Custom Expressions <img src="../images/btn/arrow_down.gif" width="5" height="3" alt="More..." class="vMiddle"/></a>
								<ul>
									<li><a href="3rd_view_summary.html">WeeMees</a></li>
									<li><a href="3rd_view_summary.html">Gizmoz</a></li>
									<li><a href="3rd_view_summary.html">Meez</a></li>
								</ul>
							</li>
						</ul>
					</div>
						
					<div id="xpress_main_content">
					
						<div class="xpress_box">
							<div class="xpress_box_bar">
								<div class="xpress_box_buttons left">
                                	<ul class="xpress_buttons">
										<li><a href="exp_icon_summary_hot.html" class="b_icon" title="Icon">Icon</a></li>
                                      	<li><a href="exp_wallpaper_summary.html" class="b_wallpaper" title="Wallpaper">Wallpaper</a></li>
                                        <li><a href="exp_sound_summary.html" class="b_sound" title="Sound">Sound</a></li>
                                        <li><a href="exp_emoticon_summary.html" class="b_emoticon" title="Emoticon">Emoticon</a></li>
                                        <li><a href="exp_1click_summary.html" class="b_1click" title="1-Click">1-Click</a></li>
									</ul>
									
								</div>
								<div class="xpress_box_buttons right">
																		<ul class="xpress_buttons">
										<li><input type="text" id="xpress_text_query" size="10" /></li>
										<li><a href="search_summary.html" class="b_search" title="Search">Search</a></li>
									</ul>
								</div>
							</div><!-- .xpress_box_bar -->
							
							<div class="xpress_box_content">
								
								<div id="xpress_browse_wrapper">
								
									<div id="xpress_browse_sidebar">
										<dl class="xpress_browse_selection">
											
											<dt>Category</dt>
											<dd><select id="cat_select">											
											</select></dd>
											
											<dt>Sub-Category</dt>
											<dd><select id="subcat_select" size="10">											
											</select></dd>
										</dl>
									</div>
									<div id="xpress_browse_content" class="xpress_box_givepadding">
									
										<div id="xpress_content_messages" class="xpress_messages"></div>
										
										<div id="xpress_section_header">
                                        	<h2>Icons</h2>
                                        </div>
                                        <div class="xpress_paging">
											<div class="xpress_paging_info">
												<strong>1 - 6</strong> of 110
											</div>
											<div class="xpress_paging_nav">
												<a href="#" onClick="return false;"><img src="../images/btn/page_prev.png" width="15" height="15" alt="Previous" /></a>
												
												<a href="#" onClick="return false;"><img src="../images/btn/page_next.png" width="15" height="15" alt="Next" /></a>
											</div>
										</div><!-- .xpress_paging -->
										<table width="100%">
											<tr>
                                            	<td>
                                                <div id="xpress_grid_view">
                                                    <ul id="icons_id">
                                                        <!-- NOTE: For EVERY wallpaper expression, you must add class wallpaper on LI element -->
                                                        <!-- Expressions -->
                                                        
                                                    </ul>
                                                </div>
                                                <div class="xpress_box_buttons below" id="xpress_action_buttons" style="display: none; clear: left;">
													<ul class="xpress_buttons">
														<li><a href="exp_icon_preview.html" class="b_preview" title="Preview">Preview</a></li>
														<li><a href="javascript:void(0);" class="b_apply_now" title="Apply Now" onclick="updateStatus('xpress_content_messages','Your selected Expression has been applied to your AIM Client.', 'success');toggleDisplayOff('xpress_action_buttons');iconOff('icon-1');iconOff('icon-2');iconOff('icon-3');iconOff('icon-4');iconOff('icon-5');">Apply Now</a></li>
														<li><a href="modal_addcal.html?height=250&amp;width=350&amp;" class="b_add_to_cal thickbox" title="">Add to Calendar</a></li>
														<li><a href="modal_ps.html?height=400&amp;width=440&amp;" class="b_save_as_theme thickbox" title="Save as Theme">Save as Theme</a></li>
														<li><a href="javascript:void(0);" onclick="toggleDisplayOff('xpress_action_buttons');iconOff('icon-1');iconOff('icon-2');iconOff('icon-3');iconOff('icon-4');iconOff('icon-5');" class="b_close" title="Close">Close</a></li>
													</ul>
												</div>
                                        		</td>
											</tr>
										</table><!-- .xpress_grid_view -->
                                        <div class="xpress_paging">
											<div class="xpress_paging_info">
												<strong>1 - 6</strong> of 110
											</div>
											<div class="xpress_paging_nav">
												<a href="#" onClick="return false;"><img src="../images/btn/page_prev.png" width="15" height="15" alt="Previous" /></a>
												
												<a href="#" onClick="return false;"><img src="../images/btn/page_next.png" width="15" height="15" alt="Next" /></a>
											</div>
										</div><!-- .xpress_paging -->
                                        <div class="xpress_paging">
											<div class="xpress_paging_info per_page">
												<a href="exp_icon_expanded.html">View <strong>30</strong> per page</a>											</div>
									  </div><!-- .xpress_paging -->
										
									</div><!-- #xpress_browse_content -->
									
									<div class="clearleft"></div>
									
								</div><!-- #xpress_browse_wrapper -->
								
							</div><!-- .xpress_box_content -->
							
							<div class="xpress_box_bar">
							</div><!-- .xpress_box_bar -->
							
						</div><!-- .xpress_box -->
					</div><!-- #xpress_ -->
					
					<div class="clearleft">&nbsp;</div>
					
					<div id="xpress_preview_messages" class="xpress_messages"></div>
					
					<div id="xpress_preview">
						<div class="xpress_box">
							<div class="xpress_box_bar">
								<h2>AIM Expressions Preview</h2>
								<div id="xpress_box_button_for_test" class="xpress_box_buttons right">
									<ul class="xpress_buttons">
										<li><a href="#" id="xpress_btn_test_drive" class="b_icon_test_drive" title="SuperBuddy Icon Test Drive">SuperBuddy Icon Test Drive</a></li>
                                        <li><a href="#" id="xpress_btn_test_drive2" class="b_wallmation_test_drive" title="Wallmation Test Drive">Wallmation Test Drive</a></li>
									</ul>
<!-- TEST DRIVE HOVER -->
									<div id="xpress_test_drive">
										<ul>
											<li class="first"><a href="#" onClick="return false;">dance</a></li>
											<li><a href="#" onClick="return false;">fun</a></li>
											<li><a href="#" onClick="return false;">giggles</a></li>
											<li><a href="#" onClick="return false;">hello</a></li>
											<li><a href="#" onClick="return false;">hi</a></li>
											<li><a href="#" onClick="return false;">lol</a></li>
											<li><a href="#" onClick="return false;">sad</a></li>
											<li><a href="#" onClick="return false;">silly</a></li>
											<li class="last"><a href="#" onClick="return false;">sleeping</a></li>
										</ul>
									</div><!-- #test drive -->
                                    <div id="xpress_test_drive2">
										<ul>
											<li class="first"><a href="#" onClick="return false;">dance</a></li>
											<li><a href="#" onClick="return false;">fun</a></li>
											<li><a href="#" onClick="return false;">giggles</a></li>
											<li><a href="#" onClick="return false;">hello</a></li>
											<li><a href="#" onClick="return false;">hi</a></li>
											<li><a href="#" onClick="return false;">lol</a></li>
											<li><a href="#" onClick="return false;">sad</a></li>
											<li><a href="#" onClick="return false;">silly</a></li>
											<li class="last"><a href="#" onClick="return false;">sleeping</a></li>
										</ul>
									</div><!-- #test drive -->
								</div>
							</div><!-- .xpress_box_bar -->
							
							<div class="xpress_box_content xpress_box_givepadding">
								<div id="xpress_preview_sidebar">
									<ul id="xpress_preview_items">
										<li>
											<img src="../images/media/preview_icon.png" width="51" height="46" alt="Preview Icon" />
											<ul class="xpress_preview_subitems">
												<li><a href="exp_icon_summary_hot.html"><img src="../images/media/preview_icon.png" width="51" height="46" alt="Preview Icon" /></a></li>
												<li><a href="exp_icon_preview.html"><img src="../images/media/preview_icon2.png" width="51" height="46" alt="Preview Icon" /></a></li>
												<li><a href="exp_icon_summary_hot.html"><img src="../images/media/preview_icon.png" width="51" height="46" alt="Preview Icon" /></a></li>
												<li><a href="exp_icon_preview.html"><img src="../images/media/preview_icon2.png" width="51" height="46" alt="Preview Icon" /></a></li>
												<li><a href="exp_icon_summary_hot.html"><img src="../images/media/preview_icon.png" width="51" height="46" alt="Preview Icon" /></a></li>
											</ul>
											<a class="xpress_buttonClose" href="exp_icon_clear.html" title="Clear Preview Expression"></a>
											<a class="xpress_buttonExpand" title="Expand Preview"></a>
											<a class="xpress_buttonClose2" href="exp_icon_clear.html" title="Clear Preview Expression"></a>
											<a class="xpress_buttonCollapse" title="Collapse Preview"></a>										</li>
										<li>
											<img src="../images/media/preview_wallpaper.png" width="78" height="42" alt="Preview Wallpaper" />
											<ul class="xpress_preview_subitems">
												<li><a href="exp_icon_summary_hot.html"><img src="../images/media/preview_wallpaper.png" width="78" height="42" alt="Preview Wallpaper" /></a></li>
												<li><a href="exp_icon_preview.html"><img src="../images/media/preview_wallpaper2.png" width="78" height="42" alt="Preview Wallpaper" /></a></li>
												<li><a href="exp_icon_summary_hot.html"><img src="../images/media/preview_wallpaper.png" width="78" height="42" alt="Preview Wallpaper" /></a></li>
												<li><a href="exp_icon_preview.html"><img src="../images/media/preview_wallpaper2.png" width="78" height="42" alt="Preview Wallpaper" /></a></li>
												<li><a href="exp_icon_summary_hot.html"><img src="../images/media/preview_wallpaper.png" width="78" height="42" alt="Preview Wallpaper" /></a></li>
											</ul>
											<a class="xpress_buttonClose" href="exp_icon_clear.html" title="Clear Preview Expression"></a>
											<a class="xpress_buttonExpand" title="Expand Preview"></a>
											<a class="xpress_buttonClose2" href="exp_icon_clear.html" title="Clear Preview Expression"></a>
											<a class="xpress_buttonCollapse" title="Collapse Preview"></a>										</li>
										<li>
											<img src="../images/media/preview_emoticons.png" width="37" height="46" alt="Preview Emoticon" />
											<ul class="xpress_preview_subitems">
												<li><a href="#" onClick="return false;"><img src="../images/media/preview_emoticons.png" width="37" height="46" alt="Preview Emoticon" /></a></li>
												<li><a href="#" onClick="return false;"><img src="../images/media/preview_emoticons.png" width="37" height="46" alt="Preview Emoticon" /></a></li>
												<li><a href="#" onClick="return false;"><img src="../images/media/preview_emoticons.png" width="37" height="46" alt="Preview Emoticon" /></a></li>
												<li><a href="#" onClick="return false;"><img src="../images/media/preview_emoticons.png" width="37" height="46" alt="Preview Emoticon" /></a></li>
												<li><a href="#" onClick="return false;"><img src="../images/media/preview_emoticons.png" width="37" height="46" alt="Preview Emoticon" /></a></li>
											</ul>
											<a class="xpress_buttonClose" href="exp_icon_clear.html" title="Clear Preview Expression"></a>
											<a class="xpress_buttonExpand" title="Expand Preview"></a>
											<a class="xpress_buttonClose2" href="exp_icon_clear.html" title="Clear Preview Expression"></a>
											<a class="xpress_buttonCollapse" title="Collapse Preview"></a>										</li>
										<li>
											<img src="../images/media/preview_sound.png" width="51" height="46" alt="Preview Sound" />
											<ul class="xpress_preview_subitems">
												<li><a href="#" onClick="return false;"><img src="../images/media/preview_sound.png" width="51" height="46" alt="Preview Sound" /></a></li>
												<li><a href="#" onClick="return false;"><img src="../images/media/preview_sound.png" width="51" height="46" alt="Preview Sound" /></a></li>
												<li><a href="#" onClick="return false;"><img src="../images/media/preview_sound.png" width="51" height="46" alt="Preview Sound" /></a></li>
												<li><a href="#" onClick="return false;"><img src="../images/media/preview_sound.png" width="51" height="46" alt="Preview Sound" /></a></li>
												<li><a href="#" onClick="return false;"><img src="../images/media/preview_sound.png" width="51" height="46" alt="Preview Sound" /></a></li>
											</ul>
											<a class="xpress_buttonClose" href="exp_icon_clear.html" title="Clear Preview Expression"></a>
											<a class="xpress_buttonExpand" title="Expand Preview"></a>
											<a class="xpress_buttonClose2" href="exp_icon_clear.html" title="Clear Preview Expression"></a>
											<a class="xpress_buttonCollapse" title="Collapse Preview"></a>										</li>
									</ul>
								</div>
								
								<div id="xpress_preview_content">
									<img src="../images/media/preview_all.jpg" width="478" height="267" alt="Preview All" />
								</div>
								<div class="clearleft"></div>
								
							</div><!-- .xpress_box_content -->
							
							<div class="xpress_box_bar">
								<div class="xpress_box_buttons left">
									<ul class="xpress_buttons">
										<li><a href="#" class="b_view_current2" title="View Current" onClick="return false;">View Current</a></li>
									</ul>
								</div>
								
								<div class="xpress_box_buttons right">
									<ul class="xpress_buttons">
										<li><a href="javascript:void(0);" class="b_apply_now2" title="Apply Now" onclick="updateStatus('xpress_preview_messages','Your selected Expression has been applied to your AIM Client.', 'success');">Apply Now</a></li>
										<li><a href="modal_addcal.html?height=250&amp;width=350&amp;" class="b_add_to_cal2 thickbox" title="Add to Calendar">Add to Calendar</a></li>
										<li><a href="modal_ps.html?height=400&amp;width=440&amp;" class="b_save_as_theme2 thickbox" title="Save as Theme">Save as Theme</a></li>
										<li><a href="#" class="b_aimit" title="AIM it!" onClick="return false;">AIM it!</a></li>
									</ul>
								</div>
							</div><!-- .xpress_box_bar -->
						
						</div><!-- .xpress_box -->
						
					</div><!-- #xpress_preview -->
					
				</div><!-- #xpress_main -->
			
<!-- SIDEBAR : for ads etc. -->
				<div id="xpress_sidebar">
					
					<h3 class="hide">Advertising</h3>
					
					<div class="xpress_ads">
						<a href="#" onClick="return false;"><img src="../images/ads/ads1.jpg" alt="Ads 1 Title" width="310" height="271" /></a>
					</div>
					
					<div class="xpress_ads">
						<a href="#" onClick="return false;"><img src="../images/ads/ads2.jpg" alt="Ads 2 Title" width="300" height="275" /></a>
					</div>
					
					<div class="xpress_ads">
						<a href="exp_1click_example.html"><img src="../images/ads/ads3.png" alt="Ads 3 Title" width="310" height="195" /></a>
					</div>
					
				</div><!-- #xpress_sidebar -->
				
			</div><!-- #xpress_content_wrapper -->
			
			<div class="clear">&nbsp;</div>
			
		</div><!-- .xpress_wrapper -->
	</div><!-- #xpress_content -->

</body>
</html>
